.hideLoader .loader{opacity:0}
.loader{width:100vw;height:calc(100vh - 90px);position:fixed;top:90px;z-index:150;background: #f3f6f8;}
.load{position:absolute;top:calc(50vh - 90px);left:calc(50vw - 30px);width:60px;height:60px;animation:round 2s linear infinite normal}
.load hr{border:0;margin:0;width:20px;height:20px;position:absolute;border-radius:15px;animation:spin 2s linear infinite;background:#333;opacity:.4}
.load :first-child{animation-delay:-1.5s}
.load :nth-child(2){animation-delay:-1s}
.load :nth-child(3){animation-delay:-0.5s}
.dark .loader{background: #1c2128;}
.dark .load hr{background:#e9f5ff}
@keyframes spin{0%,100%{transform:translate(0)}
25%{transform:translate(40px);opacity:.7}
50%{transform:translate(40px,40px);opacity:.9}
75%{transform:translate(0,40px);opacity:.8}
}
@keyframes round{0%%{transform:rotate(0)}
50%{transform:rotate(180deg)}
100%{transform:rotate(360deg)}
}